@charset "utf-8";

// 变量存储
// 字体Unicode编码 微软雅黑:\5FAE\8F6F\96C5\9ED1 , 宋体:\5B8B\4F53
$pcFont: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', arial;
$defaultColor: #333;
$bgColor:#f9f9f9;
$whiteColor:#fff;
$browser: null;

//zx 2017/3/13

//主要颜色

$seColor:#ff9c00;
$oColor:#999999;
%display {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
%text-indent {
    font-size:0;
    text-indent:-99999em;
    overflow:hidden;
}
%box-sizing {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
//浮动
%fn-fl {
    float:left;
}
%fn-fr {
    float:right;
}

// 绝对居中
@mixin center($width, $height) {
    position: absolute;
    left:50%;
    top:50%;
    width:$width;
    height:$height;
    margin:(-$height / 2) 0 0 (-$width / 2);
}
// 设置动画名称
@mixin animation($aniName) {
    -webkit-animation:$aniName;
    -moz-animation:$aniName;
    -o-animation:$aniName;
    animation:$aniName;
}
// 设置延迟执行时间
@mixin animation-delay($time) {
    -webkit-animation-delay:$time;
    -moz-animation-delay:$time;
    -o-animation-delay:$time;
    animation-delay:$time;
}
// 设置阴影
@mixin box-shadow($shadow...) {
    -webkit-box-shadow:$shadow;
    -moz-box-shadow:$shadow;
    -o-box-shadow:$shadow;
    box-shadow:$shadow;
}
// 圆角
@mixin border-radius($radius) {
    -webkit-border-radius:$radius;
    -moz-border-radius:$radius;
    -o-border-radius:$radius;
    border-radius:$radius;
}
// 去掉点击变蓝
@mixin user-select{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
// 设置过渡
@mixin transition($transition...) {
    -webkit-transition:$transition;
    -moz-transition:$transition;
    -o-transition:$transition;
    transition:$transition;
}
// 设置旋转位置
@mixin transform-origin($origin...) {
    -webkit-transform-origin:$origin;
    -moz-transform-origin:$origin;
    -o-transform-origin:$origin;
    transform-origin:$origin;
}
@mixin transform($transform...) {
    -webkit-transform:$transform;
    -moz-transform:$transform;
    -o-transform:$transform;
    transform:$transform;
}
//背景图片大小
@mixin background-size($max) {
    -webkit-background-size:$max;
    -moz-background-size:$max;
    -o-background-size:$max;
    background-size:$max;
}

// 设置关键帧
@mixin keyframes($name) {
    @-webkit-keyframes #{$name} {
        $browser: '-webkit-'; @content;
    }
    @-moz-keyframes #{$name} {
        $browser: '-moz-'; @content;
    }
    @-o-keyframes #{$name} {
        $browser: '-o-'; @content;
    }
    @keyframes #{$name} {
        $browser: ''; @content;
    }
}
//居中
@mixin center-block {
     margin-left: auto; 
     margin-right: auto; 
}
//右三角箭头
@mixin arrow-right($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-top:$size solid transparent;
    border-bottom: $size solid transparent;
    border-left: $size solid $color;
}
//左三角箭头
@mixin arrow-left($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-top:$size solid transparent;
    border-bottom:$size solid transparent; 
    border-right:$size solid $color; 
}
//上三角箭头
@mixin arrow-top($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-left:$size solid transparent;
    border-bottom:$size solid transparent; 
    border-right:$size solid $color; 
}
//下三角箭头
@mixin arrow-bottom($size,$color){
    display:inline-block;
    width:0; 
    height:0; 
    border-left:$size solid transparent;
    border-top:$size solid transparent; 
    border-right:$size solid $color; 
}
